<header class="panel-cover 
  {% if page.layout == 'post' or page.layout == 'page' or page.layout == 'default'  %}
  panel-cover--collapsed
  {% endif %}"  
  style="background-image: url('{{site.baseurl}}/assets/images/background-cover.jpg')">


  <div class="panel-main__inner">

      <!-- <a href="{{site.baseurl}}/#blog" title="前往 {{ site.title }}" class="blog-button">
        <img src="{{site.baseurl}}/assets/images/avatar.jpg" width="80" alt="{{ site.title }} logo"  class="panel-cover__logo logo" />
      </a> -->
      
    <img src="{{site.baseurl}}/assets/images/avatar.jpg" width="80" alt="{{ site.title }} logo"  class="panel-cover__logo logo" />
    

    <h1 class="panel-cover__title panel-title">
      <a 
        href="{{site.baseurl}}{{site.blog_button.url}}"
        title="link to homepage for {{ site.title }}"
        class="blog-button">{{site.title}}
      </a>
        <!-- <p>{{site.blog_button.url}}</p> -->
    </h1>

    {% if site.subtitle  %}
    <span class="panel-cover__subtitle panel-subtitle">{{site.subtitle}}</span>
    {% endif %}

    <hr class="panel-cover__divider" />
    <p class="panel-cover__description">{{ site.description }}</p>
    <hr class="panel-cover__divider panel-cover__divider--secondary" />

    {% if site.welcome_message  %}
    <p class="panel-cover__description panel-cover-welcome">{{ site.welcome_message }}</p>
    {% endif %}

    <ul class="navigation">
      <li class="navigation__item">
        <a href="{{site.baseurl}}{{site.blog_button.url}}" title="{{site.blog_button.description}}"
          class="blog-button">{{site.blog_button.title}}
        </a>
      </li>

      {% for item in site.nav %}
      <li class="navigation__item">
        <a href="{{item.url}}" title="{{item.description}}">{{item.title}}

        </a>
      </li>
      {% endfor %}
    </ul>



    <div>{% include social.html %}</div>


    <audio id="aud"  preload="none">
      <source src="/assets/theWorldIsYours.mp3"  type="audio/mpeg" > 
    </audio>


  </div>

  {% if site.cover_color %}
  <div class="panel-cover--overlay cover-{{site.cover_color}}"></div>
  {% else %}
  <div class="panel-cover--overlay cover-disabled"></div>
  {% endif %}

</header>
<script type="text/javascript" src="{{site.baseurl}}/js/music.js"></script>
<script type="text/javascript" src="{{site.baseurl}}/js/spa.js"></script>
